
const listEle = document.getElementById('list')
const itemEle = document.getElementsByClassName('item')[0]

console.log(listEle, itemEle)

listEle.addEventListener('click', e => {
  console.log(e.target, 'list click')
}, true)

itemEle.addEventListener('click', e => {
  console.log(e.target, 'item click')
})

/*
* KNOW
*  不使用捕获的情况下，item的click事件先于list的click事件触发
*  如果让list的事件在捕获阶段触发，list的click就会先于item的click事件触发
* */
